tbody.addEventListener('click',function(e){
    //获取事件源
    const target=e.target
    //classList获取的是拆开后的class列表，是一个类数组对象，转成数字后方便操作
    const classes=Array.from(target.classList)
    //从当前按钮去找事件源
    const tr=target.parentNode.parentNode
    if(classes.includes('btn-edit')){
        //classList有一个add方法，可以在原来的基础上添加一个class属性，原来的class不受影响
        // classList也有一个remove方法，移除一个class
        tr.classList.add('edit')
        const spans=document.querySelectorAll('span')
        spans.forEach(span=>{
            span.nextElementSibling=span.innerHTML
        })
    }else if(classes.includes('btn-yes')){
        //点击确定后，数据是要先返回后端数据库进行修改，在修改前端展示的数据
        //获取tr上的自定义属性
        const id=tr.getAttribute('data-id')
        const name=tr.querySelector('.inputName').value
        const price=tr.querySelector('.inputPrice').value
        const num=tr.querySelector('.inputNum').value
        utils.fetch('./api/shop/updata.php',{id,name,price,num}).then(resp=>{
            if(resp.code==200){
                tr.classList.remove('edit')
                const spans=document.querySelectorAll('span')
                spans.forEach(span=>{
                    span.innerHTML=span.nextElementSibling.value
                    // getData()
                })
            }
        })
    }else if(classes.includes('btn-no')){
        tr.classList.remove('edit')
        const spans=document.querySelectorAll('span')
        spans.forEach(span=>{
            span.innerHTML=span.nextElementSibling.value
        })
    }else if(classes.includes('btn-del')){
        if(confirm('你确定要删除吗？')){
            const id=tr.getAttribute('data-id')
            utils.fetch('./api/shop/del.php',{id}).then(resp=>{
                if(resp.code==200){
                    getData()
                }
            })
        }
       
    }
})